<script setup>
import { ref } from "vue";
const message = ref("123455");
const awesome = ref(false);

function is_show() {
  awesome.value = !awesome.value;
}
</script>
<template>
  <div>
    <input v-model.lazy.trim.number="message" placeholder="edit me" />
    <p>{{ message }}</p>
  </div>
  <h1 v-if="awesome">The guy is awesome</h1>
  <h1 v-else>Oh no</h1>
  <br />
  <button @click="is_show">Click</button>
  <div v-show="awesome">The demo of v-show</div>
</template>